.singleColunmProducts-control {
    padding-top: 10px;
    width: 100%;
    display: table;
    .product{
        /* 页面样式 开始*/
        .interception {
            width: 100%;
            display: block;
            overflow: hidden;
            white-space: nowrap;
            -webkit-text-overflow: ellipsis;
            -moz-binding: url("ellipsis.xml#ellipsis");
            -ms-text-overflow: ellipsis;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
        }
        .name {
            font-size: 14px;
            color: #333333;
            text-align: left;
            margin-top: 10px;
        }
        .double-line{
            height: 40px;
            overflow: hidden;
        }
        .single-line{
            height: 20px;
            overflow: hidden;
        }
        .price-bar {
            position: relative; 
            padding-top: 4px;
            span {
                font-size: 14px;
                font-weight: bold;
                text-align: left;
            }
            i {
                font-size: 20px;
            }
            .price-color {
                color: #f70;
            }
        }
        .fields-bar {
            text-align: left;
            padding: 4px 0px 2px 0px;
        }
        &.single {
            .name {
                margin-top: 2px;
            }
            .title {
                font-size: 14px;
                color: gray;
                text-align: left;
                margin-top: 4px;
                height: 20px;                
            }
            .price {
                margin-top: 4px;
            }
            .content {
                // margin-left: 90px;
                .buttonBar{
                    width: 120px;
                }
            }
            hr {
                margin-top: 10px;
                margin-bottom: 10px;
            }
            img {
                width: 100%;
            }
        }
        &.double {
            text-align: center;
            
            // .name {
            //     overflow: hidden;
            //     // margin-bottom: 6px;
            //     margin-top: 10px;
            //     color: #333333;
            // }
            border-bottom: solid 1px whitesmoke;
            padding: 10px 10px 10px 10px ;

            &:nth-child(2n+1) {
                border-right: 1px solid whitesmoke;
            }
        }

        .productCout {
            i {
                margin: 0;
            }
            input {
                font-size: 14px;
                // font-weight: bold;
                display: block;
                width: 32px;
                height: 20px;
                text-align: center;
                margin: 0 4px 0 2px;
            }
        }

        .product-image {
            width: 80%;
        }
    }

    .buy-button {
        width: 120px;
    }
}